<template>
  <!-- <van-nav-bar title="我的" left-text="" left-arrow @click-left="
    () => {
      $router.push('/');
    }
  " />
  <div style="height: 45px"></div>
  <div class="user-content">
    <div class="user-left">
      <div class="user-logo">
        <van-image round width="5rem" height="5rem" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
      </div>
      <div class="user-name">{{ store.piniaUsername }}</div>
    </div>
    <div class="user-right">
      <p>个人简介：我是一只快乐的小猫咪</p>
      <p>出生日期：20250101</p>
      <p>爱好：猫条、罐头、玩逗猫棒、溜溜球</p>
      <p>
        icon：
        <van-icon name="like-o" />
        <van-icon name="phone-o" />
        <van-icon name="cart-o" />
        <van-icon name="service-o" />
      </p>
    </div>
  </div>
  <div class="user-configuration">
    <van-cell title="我的订单" is-link to="/" />
    <van-cell title="修改信息" is-link to="/" />
    <van-cell title="修改地址" is-link to="/" />
    <van-cell title="我的客服" is-link to="/" />
    <van-cell title="退出登录" is-link to="/" />
  </div> -->
</template>

<script setup>
// import { useUsersStore } from "@/stores/users.js";
// const store = useUsersStore();
// </script>

// <style lang="scss" scoped>
// .user-content {
//   display: flex;

//   .user-left {
//     padding: 20px;

//     .user-name {
//       font-weight: bold;
//       font-size: 26px;
//       line-height: 40px;
//     }
//   }

//   .user-right {
//     padding: 0 20px;
//   }
// }
</style>
